<h1>Creating the first Graphical Component: the template</h1>
<ul>
	<li>We'll now create a Graphical Component that uses the powerful
	template system.</li>
	<li>Let's start by creating a file "graphical.html" in our
	"Example/template" directory.</li>
	<li>Copy and paste this in the new file: <pre>
{for i=0; i&lt; max; i++}
	&lt;hr&gt;
	{if (i%2)==0}
		&lt;p&gt;i={i}, date time:{date.getHours()}:{date.getMinutes()}:{date.getSeconds()}, table[{i}]={table[i]} !&lt;/p&gt;
	{/if}
{/for}
&lt;p&gt;Click on the page to update the date&lt;/p&gt;
	</pre></li>
	<li>This template uses most of current Archetype's templates
	features:
	<ul>
		<li>Variables and expressions: to use a variable or a Javascript
		expression (no logic inside!), just surround it with braces.</li>
		<li>"for" loops: if you simply want to display a template block a
		certain amount of time, this is design for your component. How it
		works should be evident to any programmer based on this example ;)</li>
		<li>"if" conditionnal blocks: do we really need to explain how it works ? :D</li>
	</ul>
	</li>

	<li><strong>Now click on the page to go next page</strong></li>
</ul>
